<div class="card shadow-sm">
	<div class="card-header">
		<input type="color" id="selColor">
		<button onclick="ColorSel(document.querySelector('#selColor').value, 'color');" class="btn btn-success btn-sm">确定</button>
	</div>
	<div class="card-body">
		<table width="110">
			<tbody>
				<tr> 
					<td bgcolor="#FF0000" onClick="ColorSel('#FF0000', 'color');" width="20%">&nbsp;</td>
					<td bgcolor="#0000FF" onClick="ColorSel('#0000FF', 'color');" width="20%">&nbsp;</td>
					<td bgcolor="#006600" onClick="ColorSel('#006600', 'color');" width="20%">&nbsp;</td>
					<td bgcolor="#333333" onClick="ColorSel('#333333', 'color');" width="20%">&nbsp;</td>
					<td bgcolor="#ffffff" onClick="ColorSel('', 'color');" width="20%" align="center">X</td>
				</tr>
				<tr> 
					<td bgcolor="#CC0000" onClick="ColorSel('#CC0000', 'color');">&nbsp;</td>
					<td bgcolor="#0033CC" onClick="ColorSel('#0033CC', 'color');">&nbsp;</td>
					<td bgcolor="#339900" onClick="ColorSel('#339900', 'color');">&nbsp;</td>
					<td bgcolor="#D1DDAA" onClick="ColorSel('#D1DDAA', 'color');">&nbsp;</td>
					<td bgcolor="#FFCC33" onClick="ColorSel('#FFCC33', 'color');">&nbsp;</td>
				</tr>
				<tr> 
					<td bgcolor="#990000" onClick="ColorSel('#990000', 'color');">&nbsp;</td>
					<td bgcolor="#000099" onClick="ColorSel('#000099', 'color');">&nbsp;</td>
					<td bgcolor="#33CC00" onClick="ColorSel('#33CC00', 'color');">&nbsp;</td>
					<td bgcolor="#999999" onClick="ColorSel('#999999', 'color');">&nbsp;</td>
					<td bgcolor="#FF6633" onClick="ColorSel('#FF6633', 'color');">&nbsp;</td>
				</tr>
				<tr> 
					<td bgcolor="#660000" onClick="ColorSel('#660000', 'color');">&nbsp;</td>
					<td bgcolor="#330099" onClick="ColorSel('#330099', 'color');">&nbsp;</td>
					<td bgcolor="#66FF00" onClick="ColorSel('#66FF00', 'color');">&nbsp;</td>
					<td bgcolor="#CCCCCC" onClick="ColorSel('#CCCCCC', 'color');">&nbsp;</td>
					<td bgcolor="#FFFF00" onClick="ColorSel('#FFFF00', 'color');">&nbsp;</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>